.bordered {
	border:1px solid black;
}

/**
 *
 */
body{
	background-image:url('../image/back.jpg');
        background-repeat: repeat;
}
#container {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height:160px;
}

#content {
	background-image:url('../image/background.jpg');
	background-repeat: repeat;
	height:350px;
}
#isicontent{
	width:668px;
	margin-left:160px;
}
#footer {
	background-color:#f3f3f3;
	height:60px;
}

#sidebar { width:148px; margin-top:12px; font-size:7px; height:318px;}

#maincontent{
	height:300px;
}
#explorer{
	background-image:url('../image/maincontent.png');
	margin-top:15px;
	height:235px;
	width:400px;
}
#logo {
	background-image:url('../image/header.png');
	height:99px;
}
#usermenu{
	background-image:url('../image/usermenu.png');
	margin-top:38px;
	margin-left:716px;
	width:173px;
	height:22px;
}
#usernav {margin-left:3px;height:22px;}

#usernav ul {float:left;list-style:none;height:22px;margin:0px;padding:0px;}

#usernav ul li {width:54px;height:22px;}

#usernav ul li  a {display:block;line-height:22px;text-align:center;color:#ffffff;font-size:9px;}
#usernav ul li  a:hover {background:#484247;}

#menucontainer{
	background-image:url('../image/background1.jpg');
        background-repeat: repeat;
}
#pemisah{
	height:15px;
}
#mainmenu{
	background-image:url('../image/mainmenu.png');
	width:668px;
	margin-left:160px;
	height:46px;
}
#menu{
	margin-right:0px;
	width:551px;
}
#nav {margin-left:10px;height:28px;}

#nav ul {list-style:none;margin:0px;padding:0px;}

#nav ul li {float:left;position:relative;}
#nav a:hover.navbar, #nav a:active.navbar{
    background-color:#484247;
}
#nav ul li:hover ul {visibility: visible;}
#nav a:link.navbar, #nav a:visited.navbar
{
    text-decoration:none;
    display:block;
    color:white;
    width:85px;
    line-height:28px;
    font-size:8px;
    text-align:center;
    display:block;
}
#nav a:visited.navbar{
    background-color:#484247;
}
#nav ul li ul{
    visibility:hidden;
    position:absolute;
    text-align:center;
    background-color:#252525;
	z-index:100;
}
#nav ul li ul li{
    border: 1px solid black;
}

#nav2 {}

#nav2 ul {list-style:none;height:15px;margin:0px;padding:0px;}

#nav2 ul li {float:left;width:60px;height:15px;font-size:7px;
}

#nav2 ul li  a {display:block;line-height:15px;text-align:center;color:#979ca5;}
#nav2 ul li  a:hover {background:#484247;}

#profile {height:45px; width:102px;}

#nama{ width:63px; height:41px; padding:2px;}
#nama a{color:#ffffff; text-align:center; font-size:7px;}
#profpic{ width:33px; height:45px;}
#profpic a{width:30px; line-height:30px;}
#profpic img{margin-top:6px;margin-left:3px;width:35px; height:35px;}

#tabs1{
	margin-top:12px;
	width:660px;
	z-index:50;
	font-size:10px;
}
#tabs2{
	margin:0;
	margin-top:25px;
	padding:0;
	width:660px;
	z-index:2;
	visibility:hidden;
	position:absolute;
}
#informasi{
	font-size:9px;
}
#evaluator{
	z-index:1;
	font-size:9px;
}
#evalline{
	width:630px;
	margin-top:5px;
}
#unggahzip{
	margin-top:10px;
	width:630px;
	height:50px;
}
.headunggah{
	font-weight:bold;
	line-height:18px;
	padding-right:7px;
}
.Add,.Remove,.Hapus{
	text-decoration:underline;
}
#keterangan{
	width:600px;
	padding-left:85px;
}
#time,#memory,#testcases{
	width:600px;
}
#ID,#Author,#TipeSoal,#Token,#Directory,#Judul,#Visibility,#Komentar,#Button
{
	width:630px;
}
.Title{
	background-image:url('../image/headtabel2.png');
}
.hapus{
	margin-left:85px;
	margin-right:10px;
}
.Area{
	height:50px;
}
.head{
	width:103px;
	line-height:24px;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
}
.headif{
	width:70px;
	line-height:24px;
	font-weight:bold;
	text-align:right;
	padding-right:15px;
}
.isi{
	line-height:24px;
}
.Author{
	text-decoration:underline;
}
.limited{
	margin:0;
	padding:5px;
	width:110px;
	height:24px;
}
.limited2{
	margin:0;
	padding:5px;
	width:50px;
	height:24px;
}
.headtabel{
	font-weight:bold;
	color:#FFFFFF;
}
.peringatan{
	color:white;
	background-color:red;
	width:250px;
	font-weight:bold;
}
.isiperingatan{
	display:block;
	line-height:20px;
}
.new-row{
	padding:0;
	margin:0;
}
.Eval{
	width:300px;
}
.input{
	margin:0;
	padding:0;
	height:14px;
}
.judulberkas{
	width:600px;
	border-bottom:1px dashed #cccccc;
	font-size:12px;
	font-weight:bold;
}
.kotakberkas{
	width:430px;
	height:18px;
	background-color:#cccccc;
	padding:4px;
	padding-left:100px;
	margin-top:11px;
	margin-bottom:9px;
	padding-right:70px;
}
.tabelberkas{
	width:600px;
	background-color:#cccccc;
	margin-bottom:10px;
}
.tabelberkas th{
	width:200px;
}
#berkas{
	font-size:9px;
}
#leftside,#copyright{
	float:left;
	font-size:7px;
	color:#6e6e6e;
	margin-top:10px;
}
#biasa
{
	float:left;
}
#biasa a{
	color:#6e6e6e;
}
#follow{
	float:left;
	position:relative;
}
#follow a{
	color:#61b6c5;
}
#leftside{
	margin-left:170px;
}
#copyright{
	margin-left:310px;
}
.horisontal{height:1px;}
.vertikal{width:1px; height:99%;}
.line1{background-color:#000000;}
.line2{background-color:#4c4c4c;}
.line3{background-color:#b7b6b6; margin-top:12px; height:318px;}
.line4{background-color:#b7b6b6;}
.mark{color:blue;}
.relative{position:relative;}
a{text-decoration:none;}